<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮1</button>
		<button id="btn">按钮2</button>
		<script>
			//JQuery注释   遵循javaScript【两种】
			/* 多行注释 */
			//首行出现语法      工厂函数   功能  ：抓取页面上元素，属性和属性值
			//工厂函数使用方法           语法：①你  $("选择器")或$（''选择器）
			//                                               注意：单双引号解决嵌套问题
			//                                     语法：②jquery（"选择器"）或jQuery（‘选择器’）
	          //工厂函数第一种使用方式	
			/* $('button').click(function(){
				document.write("<h1>点击我了</h1>")    ----DOM  直接在页面 输出语句  
			});	 */
			//第二种
			jQuery("button").click(function(){
				/*  console.log("你猜猜我在哪里？")    ---ECMAscript核心   输出语句      F12控制台
				*/  
			//    alert("弹出内容");	                           ---BOM   浏览器弹出   输出语句               
			}); 
		
			//JQ基础语法组成，工厂函数（2种）事件源【15种】（function（）{
			  //                                                                                 DOM+逻辑/BOM+逻辑/逻辑
				//																			   })
		</script>
		
	</body>
</html>